<template>
  <router-view/>
</template>

<script lang="ts">
	import {defineComponent,provide} from 'vue';
	import { ElLoading } from 'element-plus'
	export default defineComponent({
		setup(){
			var  loading:any;
			provide('loading',{
				cover(info:string){
					loading= ElLoading.service({
					    lock: true,
					    text: info||'Loading',
					    background: 'rgba(0, 0, 0, 0.7)',
					})
				},
				close(){
					if(loading){
						loading.close()
					}
				}
			})
			
		}
	})
</script>
<style>
	* {
		margin: 0;
		padding: 0;
	}
	html,body{
		width: 100%;
		overflow-x: hidden;
	}
	.card{
		width:98%;
		border-radius:6px;
		background:#fff;
		box-sizing: border-box;
		padding: 10px;
		margin: 5px auto;
	}
	.orange{
		color:#ff5500
	}
</style>
